<div id="page-heading">
      <ol class="breadcrumb">
        <li><a href="<?php echo(url(''));?>">Portada</a></li>
        <li>Joc Net</li>
        <li class="active">Modificar sortejos</li>
      </ol>
    </div>
    <div class="container">

<div class="row" style="height:1100px;">
	<div class="col-md-12">
		<div class="box" style="border:none;">
	        <div class="box box-warning col-md-12" >
	        	<div class="box-header col-md-12">
									<i class="ion ion-clipboard"></i>
                                    <h3 class="box-title">Escollir Sorteig</h3>
								</div>
								
		       	<dl class="dl-horizontal">
				<dt>Modificar Ordre</dt>
				        <dd>Modificar el orden de los sorteos siempre al realizar alguna modificación.</dd>

				    <dt>Eliminar</dt>
					    <dd> id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
				</dl>
				<ul class="todo-list col-md-12" style="height:740px;" id="listado_tipus_curs_cat" >
				</ul>
				
			</div><!-- /.box-body -->
			<div class="box-footer clearfix no-border">
				<button class="btn btn-default pull-left"  id="cambio_orden">
					<i class="fa fa-plus" ></i> Canviar ordre
				</button>
			</div>
		</div><!-- /.box -->
	</div>
</div>

       <div class="modal fade dialog_editar_campo"  tabindex="-1" role="dialog" aria-hidden="true" style="margin-top:5em;">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">Editar</h4>
                    </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon" id="nom_camp"></span>
                                    <input name="nou_nom_tipus_curs" id="valor_camp" type="text" class="form-control" >
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer clearfix">
                        	<button type="button" class="btn btn-primary"  id="boton_modificar_campo" ><i></i>Modificar</button>
                           	<button type="button" class="btn btn-danger pull-left" data-dismiss="modal"><i></i>Descartar</button>
                        </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->


        

<script type="text/javascript">

	mostrar_sorteos_activos();
	
	function mostrar_sorteos_activos(){
		$("#listado_tipus_curs_cat").empty();
		$.ajax({
		    url: url_base+"sortejos/sortejos_actius",
		    data: "id=1234",
		    type: "POST",			      
			    beforeSend: function() {
			
			}, 
			success: function(data){
					var data = jQuery.parseJSON(data);
					
					$.each( data, function( key, obj ) {

						$("#listado_tipus_curs_cat").append(montar_div_sorteig(obj));
						
					});
		 	}
		});
	}



	$('#cambio_orden').click(function(){

		var orden = 1;
	    var sortejos;
	    
		$("#listado_tipus_curs_cat").find('li').each(function(j, li){

			if(typeof sortejos == 'undefined'){
				sortejos = li.id+':'+orden;
			}else{
				sortejos += ','+li.id+':'+orden;;
			}
            orden++;
        });

		
		$.ajax({
		    url: url_base+"sortejos/update_orden_sorteig",
		    data: "sortejos="+sortejos,
		    type: "POST",			      
			    beforeSend: function() {
			
			}, 
			success: function(data){
					var data = jQuery.parseJSON(data);
					if(data == true){
						alert('OK');
						location.reload(true);
					}
		 	}
		});
	});
	
 	

	$('#sortejos_actius').click(function(){
		alert('ok');
	}); 


	

	 
</script>